<template>
  <div class="content">
    <page-header sub-title="百度网盘会员"></page-header>
    <div style="padding-top: 10px;padding-bottom: 10px;margin: auto;">
      <img width="100%" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-a53b2bc0-86af-4019-917d-0994ec60066d/ceac3378-29e9-45b4-8cc3-da6e0315ec64.png" >
       <coupon-card
          style="width:2.2rem;margin: 0.2rem auto;"
          theme="bdwpsvip"
          title="百度网盘SVIP"
          content="减101元"
          @click="global.toPage('/activity/detail/bdwpSvipDetail')"></coupon-card>
       <coupon-card
          v-for="(item,index) in panData"
          style="width:2.2rem;margin: 0.2rem auto;"
          theme="bdwp"
          :title="item.title"
          :update="item.updateTime"
          @click="global.toPage('/activity/detail/bdwpDetail?activityId='+item.activityId)"></coupon-card>
    </div>
  </div>
</template>

<script>
  import couponCard from '@/components/common/coupon-card/coupon-card.vue'
  export default {
    components:{
      couponCard
    },
    head() {
      return {
        title: '小R资源 | 百度网盘会员',
        meta: [
          {
            name: 'keywords',
            content: '百度网盘会员,百度网盘超级会员,百度网盘VIP,百度网盘SVIP,1-7天百度网盘会员,免费领取百度网盘会员'
          },
          {
            name: 'description',
            content: '如何免费领取1-7天百度网盘会员？如何领取365天百度网盘会员？如何领取百度网盘超级会员？'
          }
        ]
      }
    },
    data() {
      return {
        // 百度网盘会员链接
        panData: []
      }
    },
    created() {
      // this.$nextTick(() => {
      //     this.$nuxt.$loading.start()
      //     this.getPanData()
      // })
      this.getPanData()
    },
    methods: {
      getPanData() {
        let self = this
        self.$axios({
          method:'get',
          url:'https://fb16def1-4f23-4050-b0e4-7e299cf70849.bspapp.com/panData'
        }).then(function(res){
            self.panData = res.data.data.slice(0,10);
            // self.$nuxt.$loading.finish();
        });
      }
    }
  }
</script>

<style>
  .content {
    width: 100%;
  }
</style>
